<html>
<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  <title>Title</title>


  <link rel="stylesheet" href="./static/css/tree/css/bootstrap.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="http://10.113.254.17:8080/offlinemap/css/map.css"/>
  <!--<link rel="stylesheet" type="text/css" href="http://192.168.75.1:6080/static/offlinemap/css/map.css"/>-->
  <link type="text/css" rel="stylesheet" href="./static/plugins/layui/css/layui.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/toastr.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/sweetalert.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/custom/common.css"/>
  <link type="text/css" rel="stylesheet" href="./static/css/custom/customadd.css"/>


  <script type="text/javascript" src="http://10.113.254.17:8080/offlinemap/map_load.js"></script>
  <!--<script type="text/javascript" src="http://192.168.75.1:6080/static/offlinemap/map_load.js"></script>-->
  <script type="text/javascript" src="http://10.113.254.17:8080/offlinemap/jquery.js"></script>
  <!--<script type="text/javascript" src="http://192.168.75.1:6080/static/offlinemap/jquery.js"></script>-->
  <script type="text/javascript" src="./static/plugins/layui/layui.js"></script>
  <script type="text/javascript" src="./static/js/logincheck.js"></script>
  <script type="text/javascript" src="./static/js/toastr.js"></script>
  <script type="text/javascript" src="./static/js/toastrUtil.js"></script>
  <script type="text/javascript" src="./static/js/sweetalert.js"></script>
  <script type="text/javascript" src="./static/plugins/echarts/echarts-all.js"></script>
  <script type="text/javascript" src="./static/js/customadd.js"></script>

  <!--tree-->
  <script type="text/javascript" src="./static/js/tree/bootstrap-treeview.js"></script>

</head>
<body>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; margin-top: 0px;">
  <div class="layui-card">
    <div class="layui-card-header customtitle" style="height: 35px;line-height: 35px;">常驻用户规模定位
    </div>
    <div class="layui-card-body">
      <div class="fullscreenBtn" isfullscreen="1"><img src="./static/images/full.png">&nbsp;全屏</div>
      <!--<form class="layui-form search" action="#" onkeydown="if(event.keyCode==13) return false;">-->
        <!--<input id="searchInput" type="text"  placeholder="搜索位置" class="layui-input">-->
      <!--</form>-->
      <div id="map_demo" style="margin-top: -8px;">
      </div>
    </div>
  </div>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: 5px;">
  <div class="layui-card" style="width: 49.5%;float: left;">
    <div class="layui-card-header customtitle" style="height: 35px;line-height: 35px;">业务特征
    </div>
    <div class="layui-card-body" style="margin-top: -8px;height: 85px;">
      <table id="bussTab" style="width: 100%;border-collapse:separate; border-spacing:0px 5px;">
        <tr>
          <td>
            <div id="terminalchangeBtn" class="notchoose" val="0"><img class="bussicon" src="./static/images/label01.png">&nbsp;&nbsp;终端换机<img
                class="choosediconhid" src="./static/images/choosedicon.png"></div>
          </td>
          <td>
            <div id="terminalBtn" class="notchoose"><img class="bussicon" src="./static/images/label02.png">&nbsp;&nbsp;终端偏好<img
                class="moreicon terminal" src="./static/images/more.png"><img class="choosediconhid"
                                                                     src="./static/images/choosedicon.png">
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="homecircleBtn" class="notchoose" val="0"><img class="bussicon" src="./static/images/label04.png">&nbsp;&nbsp;疑似家庭圈用户<img
                class="choosediconhid" src="./static/images/choosedicon.png"></div>
          </td>
          <td>
            <div id="homeBtn" class="notchoose"><img class="bussicon" src="./static/images/label03.png">&nbsp;&nbsp;家宽潜在<img
                class="moreicon home" src="./static/images/more.png"><img class="choosediconhid"
                                                                     src="./static/images/choosedicon.png">
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div>

  <div class="layui-card" style="width: 50%;float: right;">
    <div class="layui-card-header customtitle" style="height: 35px;line-height: 35px;">基础特征
    </div>
    <div class="layui-card-body" style="margin-top: -8px;height: 85px;">
      <form class="layui-form" action="">
        <table id="baseTab" style="width: 100%;border-collapse:separate; border-spacing:0px 5px;">
          <tr>
            <td>
              <div class="layui-form-item" style="margin-bottom: 0px;">
                <label class="layui-form-label">年龄段</label>
                <div class="layui-input-block">
                  <select id="ageSelect">
                    <option value=""></option>
                    <option value="6">60后</option>
                    <option value="7">70后</option>
                    <option value="8">80后</option>
                    <option value="9">90后</option>
                    <option value="0">00后</option>
                    <option value="1">10后</option>
                  </select>
                </div>
              </div>
            </td>
            <td>
              <div class="layui-form-item" style="margin-bottom: 0px;">
                <label class="layui-form-label">主资费</label>
                <div class="layui-input-block">
                  <select id="expenses">

                  </select>
                </div>
              </div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="layui-form-item" style="margin-bottom: 0px;">
                <label class="layui-form-label">用户星级</label>
                <div class="layui-input-block">
                  <select id="starSelect">
                    <option value=""></option>
                    <option value="1">一星级</option>
                    <option value="2">二星级</option>
                    <option value="3">三星级</option>
                    <option value="4">四星级</option>
                    <option value="5">五星级</option>
                  </select>
                </div>
              </div>
            </td>
            <td>
              <div class="layui-form-item" style="margin-bottom: 0px;">
                <label class="layui-form-label">月均消费</label>
                <div class="layui-input-block">
                  <select id="paySelect">
                    <option value=""></option>
                    <option value="0">0-50</option>
                    <option value="50">50-100</option>
                    <option value="100">100-150</option>
                    <option value="150">150-200</option>
                    <option value="200">200以上</option>
                  </select>
                </div>
              </div>
          </tr>
        </table>
      </form>
    </div>
  </div>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; margin-top: -10px;">
  <div class="layui-card" style="width: 49.5%;float: left;height: 55px;line-height: 55px;">
    <form class="layui-form" action="" style="height: 45px;line-height: 45px;">
      <div class="layui-form-item" style="margin-top: 10px;">
        <label class="layui-form-label customtitle">客户群名称</label>
        <div class="layui-input-block">
          <input id="customName" type="text" class="layui-input" style="width: 98%;">
        </div>
      </div>
    </form>
  </div>

  <div class="layui-card" style="width: 50%;float: right;height: 55px;line-height: 55px;">
    <form class="layui-form">
      <div class="layui-form-item" style="margin-top: 10px;">
        <label class="layui-form-label customtitle" style="width: 180px;margin-top: 10px;margin-left: -15px;">是否剔除黑白红用户名单</label>
        <div class="layui-input-block" style="margin-left: 300px;margin-top: -10px;">
          <input type="radio" name="bwr" value="1" title="是" checked="checked">
          <input type="radio" name="bwr" value="0" title="否">
        </div>
      </div>
    </form>
  </div>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; margin-top: -10px;text-align: center;">
  <button id="countCustom" class="layui-btn" style="width: 20%;background-color: #20c1dc;">计算客户群规模</button>
</div>

<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; margin-top: 5px;">
  <div class="layui-card">
    <div class="layui-card-header customcount" style="height: 35px;line-height: 35px;">
      <div style="width: 29%;float: left;">客户群规模</div>
      <div style="width: 35%;float: right;">终端偏好分布</div>
      <div style="width: 35%;float: right;">家宽潜在分布</div>
    </div>
    <div class="layui-card-body" style="margin-top: -8px;height: 160px;margin-top: 20px;">
      <div class="numdiv" id="customCountNum" val="-1">
        <table>
          <tr><td>
            <div id="num0" class="numdivdiv">0</div>
            <div id="num1" class="numdivdiv">0</div>
            <div id="num2" class="numdivdiv">0</div>
            <div id="num3" style="margin-left: 30px;" class="numdivdiv">0</div>
            <div id="num4" class="numdivdiv">0</div>
            <div id="num5" class="numdivdiv">0</div>
            <div style="font-family: 'Microsoft YaHei';font-size: 16px;background-color: inherit;color: #666666;"  class="numdivdiv">人</div>
          </td></tr>
          <tr><td>
            <div style="color: #999999;font-size: 7px;margin-top: 20px;">数据生成基于渠道周边夜晚常驻用户,满足所选基础、业务特征</div>
          </td></tr>
        </table>
      </div>
      <div class="pictable" id="phonetype"></div>
      <div class="pictable" id="home"></div>
    </div>
  </div>
</div>

<div id="bottom">
  <button id="prev-button" class="layui-btn layui-btn-lg">
    <span>取&nbsp;&nbsp;消</span></button>
  <button id="next-button" class="layui-btn layui-btn-lg">保&nbsp;&nbsp;存</button>

  <div style="float: left;margin-left: 15px;margin-bottom: 5px;">
    <table class="fontstyle3">
      <tr><td>说明: </td></tr>
      <tr><td style="color: #20c1dc;">常驻用户更新时间：<span id="nowtime"></span></td></tr>
      <tr><td>黑、白、红名单：敏感用户。</td></tr>
      <tr><td>常驻用户：一个月之内，有20天晚上0点到6点固定在某个区域内的用户。</td></tr>
    </table>
  </div>
</div>

<!--<div id="layerOpen" style="height:200px;width: 600px; display: none" >-->
  <!--<div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;终端偏好-->
  <!--</div>-->
  <!--<form class="layui-form" style="margin-top: 20px;" lay-filter="example">-->
    <!--<div class="layui-form-item" style="margin-left: 20px;" id="terminalDiv">-->
      <!--<input type="checkbox" title="苹果" name="1" value="1">-->
      <!--<input type="checkbox" title="华为" name="2" value="2">-->
      <!--<input type="checkbox" title="小米" name="3" value="3">-->
      <!--<input type="checkbox" title="OPPO" name="4" value="4">-->
      <!--<input type="checkbox" title="VIVO" name="5" value="5">-->
      <!--<input type="checkbox" title="魅族" name="6" value="6">-->
      <!--<input type="checkbox" title="三星" name="7" value="7">-->
      <!--<input type="checkbox" title="联想" name="8" value="8">-->
            <!--&lt;!&ndash;<input zname="iPhone7 plus" type="checkbox" title="iPhone7&nbsp;plus" name="2" value="2">&ndash;&gt;-->
            <!--&lt;!&ndash;<input zname="iPhone7" type="checkbox" title="iPhone&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;" name="1" value="1">&ndash;&gt;-->
            <!--&lt;!&ndash;<input zname="iPhone8" type="checkbox" title="iPhone&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;" name="4" value="4">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="iPhone8 plus" type="checkbox" title="iPhone8&nbsp;plus" name="3" value="3">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="OPPO R9S" type="checkbox" title="OPPO&nbsp;R9S" name="8" value="8">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="VIVO X20" type="checkbox" title="VIVO&nbsp;X20&nbsp;&nbsp;" name="9" value="9">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="华为p20" type="checkbox" title="华为p20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" name="5" value="5">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="华为mate9" type="checkbox" title="华为mate9&nbsp;&nbsp;&nbsp;" name="6" value="6">&ndash;&gt;-->
           <!--&lt;!&ndash;<input zname="华为DUK-AL20" type="checkbox" title="华为DUK-AL20" name="7" value="7">&ndash;&gt;-->

    <!--</div>-->
    <!--<div class="layui-form-item" style="text-align: right;margin-right: 10px;">-->
      <!--<button class="layui-btn layui-btn-normal" type="button" id="saveTerminalBtn">确认选择</button>-->
    <!--</div>-->
  <!--</form>-->
<!--</div>-->
<!--<div id="layerOpen" style="height:250px;width: 700px; display: none" >-->
  <!--<div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;终端偏好-->
  <!--</div>-->
  <!--<form class="layui-form" style="margin-top: 20px;" lay-filter="example">-->
    <!--<div class="layui-form-item" style="margin-left: 20px;" id="terminalDiv">-->
      <!--<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">-->
        <!--<ul class="layui-tab-title" id="brandUL">-->
        <!--</ul>-->
        <!--<div class="layui-tab-content" style="height: 50px;" id="modelDiv">-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="layui-form-item" style="text-align: right;margin-right: 10px;">-->
      <!--<button class="layui-btn layui-btn-normal" type="button" id="saveTerminalBtn">确认选择</button>-->
    <!--</div>-->
  <!--</form>-->
<!--</div>-->
<div id="layerOpen" style="height:385px;width: 700px; display: none" >
  <div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;终端偏好
  </div>
    <div class="layui-form-item" style="margin-left: 20px;height: 260px;overflow:auto;margin-top: 5px;">
      <div id="tree" style="width: 98%;"></div>
    </div>
    <div class="layui-form-item" style="text-align: right;z-index: 999;border-top: 1px solid silver;">
      <button class="layui-btn layui-btn-normal" type="button" id="saveTerminalBtn" style="margin-top: 7px;margin-right: 16px;">确认选择</button>
    </div>
</div>

<div id="layerOpen1" style="height:165px;width: 600px; display: none" >
  <div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;家宽潜在
  </div>
  <form class="layui-form" style="margin-top: 20px;" lay-filter="example1">
    <div class="layui-form-item" style="margin-left: 20px;" id="homeDiv">
      <input hname="家庭无宽带用户" type="checkbox" title="家庭无宽带用户" value="1">
      <input hname="疑似异网用户" type="checkbox" title="疑似异网用户" value="2">
    </div>
    <div class="layui-form-item" style="text-align: right;margin-right: 10px;">
      <button class="layui-btn layui-btn-normal" type="button" id="saveHomeBtn">确认选择</button>
    </div>
  </form>
</div>


</body>

</html>